<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
<meta name="apple-mobile-web-app-title" content="Amaze UI" />
<link rel="stylesheet" href="../template/assets/css/amazeui.min.css"/>
</head>
<body>
    <div class="am-g am-margin-top">
      <div class="am-u-sm-4 am-u-md-2 am-text-right">
        充值订单号：
      </div>
      <div class="am-u-sm-6 am-u-md-8">
        <input class="am-form-field am-text-sm" type="test" id="order-id"/>
      </div>
      <div class="am-u-sm-2 am-u-md-2">
        <input type="button" id="submit-btn" value="确定" />
      </div>
    </div>
    <div class="am-g am-margin-top">
        <div class="am-u-sm-12 am-u-md-12 am-text-center am-text-danger">
            <p id="msg" name="msg" class="am-kai"></p>
        </div>
    </div>
</body>
</html>
<script type="text/javascript" src="../template/assets/js/jquery.min.js"></script>
<script type="text/javascript" src="../template/assets/js/amazeui.min.js"></script>
<script type="text/javascript" src="../template/website/js/app.js"></script>
<script type="text/javascript">
$(document).ready(function(){
    $("#submit-btn").click(function(){
        var params = {"order_id":$("#order-id").val()};
        $.ajax({
            type: "post",
            url: "../ccb/cmccrechargetest",
            data: params,
            dataType: "text",
            success: function(data) {
                $("#msg").html(data);
            },
            error : function(textStatus) {
                $("#msg").html("请求服务器异常！");
                console.info("request error");
            }
        });
    });
});

</script>